Membuat sebuah mode 
Kita buat folder baru dallam lib 
Model nama filenya 
Todo.dart 
Jadi model ini sebuah template dari data kita 
Misalkan data kita sebuah tas 
Tas itu memerlukan apa dia memerlukan sebuah id 
Kemudian title judul tas nya 
Descrksi nya apa 
Kemudian isComplate itu udah selesai maka dia memrlukan nilai true kalau belum 
false 
Jadi untuk membuat model kita membuat class biasa 
Class Tod{ 
Sebuah property 
Final String id; 
Final String title: 
Final String desc; 
Bool isCompleted: 
Ini masih merah seharusnya kita belum membuat contructor nya 


Todol 

{required this.id, // required ini harus ada 

reguired this.title, 

reguired this.desc, 

this.isComplete = false //karna diawal belum dikerjakan 


H; 
} 


Kemudian dibawh nya kita membuat list yaitu data saya 
List<Todo> dataTodo =[ 

Dalam list ini ada sebuah class 

Todo tab 

Todo( 

id: DateTime.now().toString(), //ini mengambil waktu sekarang ketika data 
dibuat tidakmungkin sama dgn data waktu yg lain pasti berbeda 

title:”Mengerjakan Tugas”, 

desc: “Tugas Kuliah”, 

maka kita sudah mempunyai satu data kita bisa copy 
), 
Todo( 

id: DateTime.now().toString(), //ini mengambil waktu sekarang ketika data 
dibuat tidakmungkin sama dgn data waktu yg lain pasti berbeda 

title:”"Mengerjakan Masak”, 

desc: “Tugas Kuliah”, 

maka kita sudah mempunyai satu data kita bisa copy 

), 


1, 


Maka kita sudah mempunyai 2 data maka kita tampilkan data tersebut di home 
page kita 
Ke homepage.dart 
Sebelum disini kita perbaiki dulu 
Perbaiki centang ini 
Sudah membuat variable sementar nilai true 
Kita buka checkboxlittile nya dia ada onChanged: (value) { 
setState(() { 
ketika berubah maka dia merender ulang 
varSementara — value!: //tanda seru artinya maka sudah ada isi nya tidak 


null 
save kita buka 
nah kita centang satu maka centang semua 
karna mengunaka listbuilder bukan data ssementara masing 
kita masukan data disini 
H; 


Buat dibawah varSementara 

List<Todo> todos = dataTodo; //dataTodo sudah kita punya 2data 
Maka todo auto import 

Maka di pindah ke todos 

Maka di listBuilder 

itemCount: todos.length //ganti 

maka seharus ada 2 

maka timbul 2 data 

karna kita mengunakan nilai panjang data todos 

kita masukan satu persatu 

disini item builder adalah subah function 

kita ingin bungkus todo nya 

di atas return 

final todo = todos[index]; //maka sudah mempunyai data 
lalu di titile nya kita buat 

todo.title, //maka title sudah berubah 

maka ini sudah benar 

substitle juga ganti 

todo.desc, //maka sudah berubah 

kemudain checklist nya 

varSementara kita hapus 

kemudian value nya kita gantio 

value: todo.isComplated, 

awal awal dia false 

ketika diceklis dia 

di seState 

todo.isCompleted = value!; //ketika diklik maka bernilai true 


oke kita coba maka sudah benar 


kita inbgin ketika sudah dicentang 

maka title ini berubah menjadi string atau garis tengah 

disini kita membuat perbandingan 

di title ke textStyle ditambah ketika 

decoration: todo.iscompleted ?. TextDecoration.lineThrough : TextDecoration.none 
artniya ketika ketika tod nya true maka dijalan kan text garis tengah kalau belum 
maka garis tengah none 


kita lihat diklik maka sudah ada garis tengah nya 


kita ingin menambahkan fitur menghapus 

ketika icon boton hapus diklik maka terhapus 

di iconBotton 

onPressed: () 4 
harusnya dataTodo maka menghapus index kke berapa 
dataTodo.removeAt/index) 
ini belum terhapus 
dataTodo ganti Todos 
karna Todos data dihalaman ini kalau datatodo data aslinya 
coba restart agar data kembali 


Disini ada seuatu masalah 
Karna todos.remmove mengunakan setState kita kita hapus maka dia pembarui 
setState(() { 
todos.removeAtfindex):, 
} 


Maka harus memakai setState 


Sudah menyambung data database 
Berikut nya membuat fitur serch 
Kita akan bisa mencari data kita memlalui search ini 


